/**
 * Created by Administrator on 2017/12/21.
 */
var table=null;
var element=null;
var data=[];
function loadData(data){
    table.reload('batchlistid', {
        data: data // 调用table.reload 重新渲染显示加载追加了数据的表格
    });
}

layui.use(['table','element'], function(){
    element = layui.element;
    table = layui.table;

//转换静态表格
table.init('demo', {
    height: 300 //设置高度
    ,id:"batchlistid"
   // ,limit: 10 //注意：请务必确保 limit 参数（默认：10）是与你服务端限定的数据条数一致
    //支持所有基础参数
    ,data:data
});
    var $ = layui.$, active = {
        getCheckData: function(){ //获取选中数据

            var checkStatus = table.checkStatus('batchlistid')
                ,data = checkStatus.data;
            //layer.alert(JSON.stringify(data));
            if (data ==null || data ==undefined || data =="") {
                Feng.error("请先选中要上传视频数据");
                return;
            }
            $.ajax({
                url: Feng.ctxPath + "/vedio/video/addBatchvedio",
                type: "post",
                data: {data:JSON.stringify(data)},
                async:true,
                success: function (data) {
                    Feng.success("保存成功");
                    rows=[];
                    loadData(rows);
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    Feng.error("截图失败，请从新上传");
                }
            });

        },
        //跳转到管理页面
        toVideoManger:function () {
            window.location.href=Feng.ctxPath + "/vedio/video";
        }
        ,deleteCheckLength: function(){ //获取选中数目
            var checkStatus = table.checkStatus('batchlistid')
                ,data = checkStatus.data;
            layer.confirm('真的删除行么', function(index){
                for (var i = 0; i < data.length; i++) {
                    data[i].del();

                }
                layer.close(index);
            });


        }
        // ,isAll: function(){ //验证是否全选
        //     var checkStatus = table.checkStatus('batchlistid');
        //     layer.msg(checkStatus.isAll ? '全选': '未全选')
        // }
    };
    $('.demoTable .layui-btn').on('click', function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });
    table.on('edit(demo)', function(obj){
        var value = obj.value //得到修改后的值
            ,data = obj.data //得到所在行所有键值
            ,field = obj.field; //得到字段
        //layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);
    });
//监听工具条
    table.on('tool(demo)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）

        if(layEvent === 'detail'){ //查看
            //do somehing
        } else if(layEvent === 'del'){ //删除
            layer.confirm('真的删除行么', function(index){
                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                layer.close(index);
                //向服务端发送删除指令
            });
        } else if(layEvent === 'edit'){ //编辑
            //do something

            //同步更新缓存对应的值
            obj.update({
                username: '123'
                ,title: 'xxx'
            });
        } else if(layEvent === 'LAYTABLE_TIPS'){
            layer.alert('Hi，头部工具栏扩展的右侧图标。');
        }
    });

});

